:root {
  --theme-color: #21aba5; // 主题色

  --theme-bg-color: white; /* 默认背景色 */

  --theme-hover-bg-color: #a5dee5; // 鼠标悬浮时背景色

  --theme-font-color: #4095e5; // 字体颜色

  --header-height: 4rem; // 头部高度

  --nav-height: 2.5rem; // 导航高度

  --main-height: calc(
    100vh - var(--header-height) - var(--nav-height) - 1rem
  ); // 检查模式 -- 主体高度

  --manage--main-height: calc(
    100vh - var(--header-height) - var(--nav-height) - 3rem
  ); // 检查模式 -- 主体高度
}

.el-drawer__header {
  margin-bottom: 0.7rem !important;
  text-align: center !important;
  font-weight: bold !important;
}
.el-drawer__body {
  padding-top: 0.5rem !important;
}

.el-button {
  // height: 1.4rem !important;
  font-size: 0.65rem !important;
  padding-left: 0.6rem !important;
  padding-right: 0.6rem !important;
}

.el-tag {
  font-size: 0.6rem !important;
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}

.el-divider--horizontal {
  border-color: var(--theme-color) !important;
}
.el-divider__text.is-center {
  color: var(--theme-color);
  font-weight: bolder;
  font-size: 0.7rem;
}

.region_data {
  border-collapse: collapse;
  @apply w-full border border-solid border-[#ccc] text-center mt-1 text-[0.65rem];
  tr {
    @apply h-[2.2rem];
  }
  th,
  td {
    border: 0.08rem solid #ebeef5;
    padding: 0.3rem 0.2rem;
    box-sizing: border-box;
  }

  thead {
    .set_bg {
      width: 15%;
      min-width: 6rem;
      background-color: #71c9ce;
      color: white;
    }
  }

  .title_bg {
    @apply bg-[#f5f7fa];
  }

  tbody {
    th {
      @apply bg-[#f5f7fa];
    }
    td {
      &:hover {
        @apply bg-[#f5f7fa] cursor-pointer text-[var(--theme-color)];
        .dbClickPlaceholder {
          @apply text-[var(--theme-color)];
        }
      }
    }
  }
}

.dbClickPlaceholder {
  @apply text-[0.55rem] text-[#c3c6cc];
}

.form_input {
  @apply w-[7rem];
}

// 去除滚动条
::-webkit-scrollbar {
  display: none;
}

